<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/yahoo.css"/>
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <!--导航部分-->
    <link rel="stylesheet" href="../css/nav.css"/>
    <!--footer部分-->
    <link rel="stylesheet" href="../css/footer.css"/>
    <!--info部分-->
    <link rel="stylesheet" href="../css/info.css"/>
    <!--课程学习-->
    <link rel="stylesheet" href="../css/kc-mstj.css"/>
    <!--mask部分-->
    <link rel="stylesheet" href="../css/mask.css"/>
    <link rel="stylesheet" href="../css/qrcode.css"/>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>名师推荐</title>
</head>
<body>
<!--导航部分-->

<!--页头导航-->
<nav style="box-shadow: 5px 5px 5px 5px #C0C0C0;">
	<div class="nav-1">
		<ul class="fl nav-ul">
            <li>
                <div class="shiZ">
                    <span>市直学院<i class="glyphicon glyphicon-menu-down" aria-hidden="true" style="margin-left: 15px"></i></span>
                </div>
            </li>
            <li class="active">
                <a href="##" style="color: red">首页</a>
            </li>
            <li>
                <a href="###">个人中心</a>
            </li>
            <li>
                <a href="###">课程超市</a>
            </li>
            <li>
                <a href="###">网院公开课</a>
            </li>
            <li>
                <a href="###">直播课堂</a>
            </li>
            <li>
                <a href="###">服务中心</a>
            </li>
        </ul>
        
        <div class="search fr">
            <form>
                <input type="text" class="ipt" id="text"/>
                <span class="glyphicon glyphicon-search souS" aria-hidden="true"></span>
                <div id="loginCsiDiv">
                    <input type="button" value="登录" style="border:0;background: white;display: none" class="enter liactive"/>
                    <div class="s-dl" style="display: none">
                        <i>99</i>
                    </div>
                </div>
            </form>
            <div class="personal" style="z-index:101;display: none">
                <div class="s-dl2"></div>
                <div class="s-per">
                    <p>张三 <span>（英语外教)</span></p>
                    <p>南方中学</p>
                </div>
                <ul>
                    <li><a href="##"><i class="s-per-i1"></i>学习空间</a></li>
                    <li><a href="##"><i class="s-per-i2"></i>智慧商城</a></li>
                    <li><a href="###"><i class="s-per-i3"></i>会员中心</a></li>
                </ul>
                <div class="quit"><a href="##">安全退出</a></div>
            </div>
        </div>
	</div>
</nav>











<div class="navcom" style="width: 100%">
    <div class="wrap1200 clearfix" style="height: 85px;position: relative">
        
        <div class="sz-list">
            <div class="sz-list-content">
                <div class="mh">
                    <p class="mh-name">门户</p>
                    <ul class="mh-list">
                        <li><a href="##">株洲市教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="sxy">
                    <p class="sxy-name">市学院</p>
                    <ul class="sxy-list">
                        <li><a href="##">株洲教师教育网络学院</a></li>
                    </ul>
                </div>
                <div class="qfy">
                    <p class="qfy-name">区分院</p>
                    <ul class="sxy-list">
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="xfy">
                    <p class="xfy-name">县学院</p>
                    <ul class="xfy-list">
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--导航栏结束-->


<!--区域-->
 <div class="area">
      <div class="area-1">
      	 <div class="area-2">
      	 	<h4>&nbsp;&nbsp;&nbsp;&nbsp;区域：</h4>
       <ul class="area-3" >
           <li><a href="##">全部</a></li>
           <li><a href="##">沪松区</a></li>
           <li class="active"><a href="##">天元区</a></li>
           <li><a href="##">荷塘区</a></li>
           <li><a href="##">石峰区</a></li>
           <li><a href="##">云龙区</a></li>
           <li><a href="##">攸县</a></li>
           <li><a href="##">醴陵县</a></li>
           <li><a href="##">炎陵县</a></li>
           <li><a href="##">茶陵县</a></li>
           <li><a href="##">株洲县</a></li>
        </ul>
      	 </div>
      	 
      	 
      	 <div class="area-4">
      	 	<p class="area-down">更多&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></p>
            <p class="area-up">收起&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></p>
      	 </div>
        
      </div>
 </div>


<section>
	<div class="intro">
		<div class="choose">
			<div>
				<span class="active-intro choose1">1</span>/<span class="choose2">2</span>
			</div>
			<span class="choose3"><img src="../img/zuo.png"/></span>
			<span class="choose4"><img src="../img/you.png"/></span>
		</div>
		<ul class="intro-1" >
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
		</ul>
		<ul class="intro-1">
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
			<li>
				<span class="intro-11"><img src="../img/team.png"/></span>
				<span class="intro-12">
					<h3>张三</h3>
					<p>(英语外教)</p>
				</span>
				<span class="intro-13">
					在美国大学讲高级英语写作在美国大学讲高级英语写作在美国大学
				</span>
			</li>
		</ul>
		
		<!--下一页-->
 <div class="c-page" style="margin-top: 100px">
        <a href="##">首页</a>
        <a href="##">上一页</a>
        <ul>
            <li class="c-hover"><a href="##">1</a></li>
            <li><a href="##">2</a></li>
        </ul>
         <a href="##">下一页</a>
         <a href="##">尾页</a>
</div>
	</div>
</section>




























<!--foorer部分-->
<div class="footer" style="margin-top: 0;">
    <div>
        <p>主办：株洲市教师培训中心</p>
        <p>湘ICP备10001590号　办公室：0731-22529866</p>
        <p>Copyright © 2005-2011</p>
        <p>湖南润成天睿教育网络科技提供技术支持</p>
    </div>
</div>
<!--footer部分结束-->
<!--遮罩层部分-->
<div class="mask">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>密码登录</h6>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="身份证号码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="6-16位密码，不区分大小写">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">下次自动登录
                    </label>
                    <a href="##">忘记密码</a>
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>
<!--二维码-->
<div class="aQrcode">
    <div class="QRcode">
        <a href="">
            <span class="QRcode-1"><img src="../img/001.png"/></span>
           	 <span class="QRcode-2">
           	 	<p>意见</p>
           		<p>反馈</p>
           	 </span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/002.png"/></span>
           	<span class="QRcode-2">
           		<p>扫码</p>
           		<p>下载</p>
           	</span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/003.png"/></span>
           	<span class="QRcode-2">
           		<p>官方</p>
           		<p>微信</p>
           	</span>
        </a>
    </div>
    <div class="QRcode-3">
        <p>扫描二维码下载手机app</p>
        <img src="../img/004.png"/>
    </div>
    <div class="QRcode-4">
        <p>扫描二维码关注官方微信</p>
        <img src="../img/004.png"/>
    </div>
</div>
</body>
<script src="../js/nav.js"></script>
<script src="../js/kc-mstj.js"></script>
<!--mask部分-->
<script src="../js/mask.js"></script>
<script src="../js/qrcode.js"></script>
</html>